html,
body { padding:0; margin:0 }

body { background:#eee; }

ul, 
li { padding:0; margin:0; list-style:none; }



/* Flow gallery */
.flow { position:absolute; margin-top:30px; width:300px; top:50%; left:50%; margin-left:-50px; z-index:9999; display:none; }
.flow div { position:relative; }
.flow .corner { width:9px; height:9px; position:absolute; top:0px;  }
.flow .top { height:9px; margin:0px 9px 0px 9px; background:url(../images/flow/flow.top.png) top left repeat-x; }
.flow .mid { background:url(../images/flow/flow.left.png) top left repeat-y;  }
.flow .mid > div { background:url(../images/flow/flow.right.png) top right repeat-y;  padding:0px 9px 0px 9px; }
.flow .mid > div > div { position:relative; background:#161717 url(../images/flow/loader.gif) center center no-repeat; overflow:hidden;  color:#868686; line-height:16px; font-size:12px; }
.flow .mid > div > div img {  }
.flow .bot { height:9px; margin:0px 9px 0px 9px; background:url(../images/flow/flow.bot.png) bottom left repeat-x; }
.flow .bot .blc { left:0px; background:url(../images/flow/sprite.png) bottom left no-repeat; margin-left:-9px; }
.flow .bot .brc { left:100%; background:url(../images/flow/sprite.png) bottom right no-repeat; margin-right:-9px; }
.flow .top .tlc { left:0px; background:url(../images/flow/sprite.png) top left no-repeat; margin-left:-9px; }
.flow .top .trc { left:100%; background:url(../images/flow/sprite.png) top right no-repeat; margin-right:-9px; }
.flow .controls { position:absolute; bottom:0px; left:0px; width:100%; height:38px; z-index:9999;  }
.flow .ui-flow-next, 
.flow .ui-flow-prev, 
.flow .ui-flow-close { display:block; width:78px; height:112px; position:absolute; top:50%; margin-top:-56px; z-index:9999; cursor:pointer; }
.flow .ui-flow-next { background:url(../images/flow/flow.sprite.png) -78px 0px no-repeat; right:5px; }
.flow .ui-flow-next span { position:absolute; top:0px; left:0px; display:block; width:78px; height:112px; background:url(../images/flow/flow.sprite.png) -78px -112px no-repeat;  }
.flow .ui-flow-prev { background:url(../images/flow/flow.sprite.png) 0px 0px no-repeat; left:5px; }
.flow .ui-flow-prev span { position:absolute; top:0px; left:0px; display:block; width:78px; height:112px; background:url(../images/flow/flow.sprite.png) 0px -112px no-repeat; }

.flow .ui-flow-close { background:url(../images/flow/flow.close.png) 0 0 no-repeat; width:40px; height:32px; right:20px; top:0px;  margin:0px 0px 0px 0px; z-index:9999; }